﻿<!DOCTYPE html>
<html lang="en">
<head>
    <!-- start: Meta -->
    <meta charset="utf-8">
    <title>@ViewBag.Title</title>
    <meta name="description" content="Quản lý khách hàng">
    <meta name="author" content="Tiến Ngàng Nguyễn">
    <!-- end: Meta -->
    <!-- start: Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- end: Mobile Specific -->
    <!-- start: Font icon -->
    <link href="@Url.Content("~/Content/font-awesome/css/font-awesome-ie7.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/font-awesome/css/font-awesome-ie7.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/font-awesome/css/font-awesome.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/font-awesome/css/font-awesome.min.css")" rel="stylesheet" type="text/css" />

    <!-- start: CSS -->
    <link id="bootstrap-style" href="@Url.Content("~/content/css/bootstrap.min.css")" rel="stylesheet">
    <link href="@Url.Content("~/content/css/bootstrap-responsive.min.css")" rel="stylesheet">
    <link href="@Url.Content("~/content/css/kimphong.css")" rel="stylesheet">
    <link id="base-style" href="@Url.Content("~/content/css/style.css")" rel="stylesheet">
    <link id="base-style-responsive" href="@Url.Content("~/content/css/style-responsive.css")" rel="stylesheet">
    <!--[if lt IE 7 ]>
	    <link id="ie-style" href="@Url.Content("~/Content/css/style-ie.css")" rel="stylesheet">
	    <![endif]-->
    <!--[if IE 8 ]>
	    <link id="ie-style" href="@Url.Content("~/Content/css/style-ie.css")" rel="stylesheet">
	    <![endif]-->
    <!--[if IE 9 ]>
	    <![endif]-->
    <!-- end: CSS -->
    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
	      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	    <![endif]-->
    <!-- start: Favicon -->
    <link rel="shortcut icon" href="@Url.Content("~/content/img/favicon.ico")">
    <!-- end: Favicon -->
    <style type="text/css">
        .jqstooltip {
            position: absolute;
            left: 0px;
            top: 0px;
            visibility: hidden;
            background: rgb(0, 0, 0) transparent;
            background-color: rgba(0,0,0,0.6);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
            color: white;
            font: 10px arial, san serif;
            text-align: left;
            white-space: nowrap;
            padding: 5px;
            border: 1px solid white;
            z-index: 10000;
        }

        .jqsfield {
            color: white;
            font: 10px arial, san serif;
            text-align: left;
        }
    </style>
    <script src="@Url.Content("~/Content/js/jquery-1.9.1.min.js")"></script>
    <script src="@Url.Content("~/scripts/modernizr-2.5.3.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/js/jquery-migrate-1.0.0.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery-ui-1.10.0.custom.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.ui.touch-punch.js")"></script>
    <script src="@Url.Content("~/Content/js/bootstrap.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.cookie.js")"></script>
    <script src="@Url.Content("~/Content/js/fullcalendar.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.dataTables.min.js")"></script>
    <script src="@Url.Content("~/Content/js/excanvas.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.flot.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.flot.pie.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.flot.stack.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.flot.resize.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.chosen.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.uniform.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.cleditor.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.noty.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.elfinder.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.raty.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.iphone.toggle.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.uploadify-3.1.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.gritter.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.imagesloaded.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.masonry.min.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.knob.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.sparkline.min.js")"></script>
    <script src="@Url.Content("~/Content/js/custom.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.countdown.js")"></script>
    <script src="@Url.Content("~/Content/js/jquery.countdown-vi.js")"></script>

    @*Google Map Api
    <script type="text/javascript"
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB6llR7VZDJbY1HgR8FD7pMOKK1_Rc4L28&sensor=false">
    </script>
    <script type="text/javascript">
        function initialize() {
            var mapOptions = {
                center: new google.maps.LatLng(-34.397, 150.644),
                zoom: 8,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("map-canvas"),
                mapOptions);
        }
        google.maps.event.addDomListener(window, 'load', initialize);
    </script>*@
    @*End google Map Api*@
    @Html.DevExpress().GetStyleSheets(
    new StyleSheet { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Editors },
    new StyleSheet { ExtensionSuite = ExtensionSuite.HtmlEditor },
    new StyleSheet { ExtensionSuite = ExtensionSuite.GridView },
    new StyleSheet { ExtensionSuite = ExtensionSuite.PivotGrid },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Chart },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Report },
    new StyleSheet { ExtensionSuite = ExtensionSuite.Scheduler },
    new StyleSheet { ExtensionSuite = ExtensionSuite.TreeList }
)
    @Html.DevExpress().GetScripts(
    new Script { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
    new Script { ExtensionSuite = ExtensionSuite.HtmlEditor },
    new Script { ExtensionSuite = ExtensionSuite.GridView },
    new Script { ExtensionSuite = ExtensionSuite.PivotGrid },
    new Script { ExtensionSuite = ExtensionSuite.Editors },
    new Script { ExtensionSuite = ExtensionSuite.Chart },
    new Script { ExtensionSuite = ExtensionSuite.Report },
    new Script { ExtensionSuite = ExtensionSuite.Scheduler },
    new Script { ExtensionSuite = ExtensionSuite.TreeList }
)
</head>
<body>
    <div id="overlay" style="display: none;">
        <ul>
            <li class="li1"></li>
            <li class="li2"></li>
            <li class="li3"></li>
            <li class="li4"></li>
            <li class="li5"></li>
            <li class="li6"></li>
        </ul>
    </div>
    <!-- start: Header -->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container-fluid">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a class="brand" href="@Url.Action("Index", "Home")">
                    <img alt="Perfectum Dashboard" src="@Url.Content("~/Content/img/logo20.png")">
                    <span class="hidden-phone">Kim Phong CRM</span></a>
                <!-- start: Header Menu -->
                @Html.Partial("_LogOnPartial")
                <!-- end: Header Menu -->
            </div>
        </div>
    </div>
    <!-- start: Header -->
    <div class="container-fluid">
        <div class="row-fluid">
            <!-- start: Main Menu -->
            @Html.Action("Display", "MainMenu")
            <!--/span-->
            <!-- end: Main Menu -->
            <noscript>
                &lt;div class="alert alert-block span10"&gt;
					&lt;h4 class="alert-heading"&gt;Warning!&lt;/h4&gt;
					&lt;p&gt;You need to have &lt;a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank"&gt;JavaScript&lt;/a&gt; enabled to use this site.&lt;/p&gt;
				&lt;/div&gt;
            </noscript>
            <div id="content" class="span10" style="min-height: 370px;">
                <!-- start: Content -->
                <div>
                    <hr>
                    @Html.MvcSiteMap().SiteMapPath()
                    <hr>
                    <section id="main">
                        @RenderBody()
                    </section>
                </div>
                <!-- end: Content -->
            </div>
            <!--/#content.span10-->
        </div>
        <!--/fluid-row-->
        <div class="modal hide fade" id="myModal">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
                <h3>Settings</h3>
            </div>
            <div class="modal-body">
                <p>
                    Here settings can be configured...
                </p>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn" data-dismiss="modal">Close</a>
                <a href="#" class="btn btn-primary">Save changes</a>
            </div>
        </div>
        <div class="clearfix">
        </div>
        <footer>
            <p>
                <span style="text-align: left; float: left">© <a href="http://kimphongtravel.com.vn/" target="_blank">Kim Phong Travel</a> 2013</span>
                <span style="text-align: right; float: right">Design by: <a href="http://3tmedia.vn/">3TMedia</a></span>
            </p>
        </footer>
    </div>
    <!--/.fluid-container-->
    <!-- start: JavaScript-->
    <script type="text/javascript">
        function message_welcome1() {
            var unique_id = $.gritter.add({
                // (string | mandatory) the heading of the notification
                title: 'Welcome on Perfectum Dashboard',
                // (string | mandatory) the text inside the notification
                text: 'I hope you like this template',
                // (string | optional) the image to display on the left
                image: '@Url.Content("~/Content/img/avatar.jpg")',
            // (bool | optional) if you want it to fade out on its own or just sit there
            sticky: false,
            // (int | optional) the time you want it to be alive for before fading out
            time: '',
            // (string | optional) the class name you want to apply to that specific message
            class_name: 'my-sticky-class'
        });
    }
    function message_welcome2() {
        var unique_id = $.gritter.add({
            // (string | mandatory) the heading of the notification
            title: 'Perfectum is Amazing Theme',
            // (string | mandatory) the text inside the notification
            text: 'Perfectum works on all devices, computers, tablets and smartphones. Perfectum has lots of great features. Try It!',
            // (string | optional) the image to display on the left
            image: '@Url.Content("~/Content/img/avatar.jpg")',
            // (bool | optional) if you want it to fade out on its own or just sit there
            sticky: false,
            // (int | optional) the time you want it to be alive for before fading out
            time: '',
            // (string | optional) the class name you want to apply to that specific message
            class_name: 'my-sticky-class'
        });
    }
    function message_welcome3() {
        var unique_id = $.gritter.add({
            // (string | mandatory) the heading of the notification
            title: 'Buy Perfectum!',
            // (string | mandatory) the text inside the notification
            text: 'This great template can be yours today.',
            // (string | optional) the image to display on the left
            image: '@Url.Content("~/Content/img/avatar.jpg")',
            // (bool | optional) if you want it to fade out on its own or just sit there
            sticky: false,
            // (int | optional) the time you want it to be alive for before fading out
            time: '',
            // (string | optional) the class name you want to apply to that specific message
            class_name: 'gritter-light'
        });
    }
    $(document).ready(function () {
        //setTimeout("message_welcome1()", 5000);
        //setTimeout("message_welcome2()", 10000);
        //setTimeout("message_welcome3()", 15000);
    });
    </script>
    <!-- end: JavaScript-->
</body>
</html>
